<template>
    <div style="height: 800px">
      <Navbar :title="'住院陪护证须知'"></Navbar>
      <div class="content">
        <div class="content-title">入院须知必读须知</div>
        <div class="content-text">
          <p>住院陪护须知</p>
          <p>
            1、门诊病人不允许进入住院大楼。
          </p>
          <p>
            2、病房陪护实行非必要不陪护，如确需陪护，根据患者病情，由医师根据患者病情开具留陪医嘱，确定陪护人数，原则上实行“一床一陪护”，危重患者允许2人陪护。
          </p>
          <p>
            3、住院患者/陪护人员需凭借电子陪护方可进入住院大楼。陪护人员凭借入院申请单上的住院号码，微信关注微信公众号后，选择“个人中心”并选中“电子陪护”，按提示要求录入个人信息，采集人脸数据，住院期间，可通行院区内的所有通道。患者办理出院后，系统会自动清除人脸数据信息。
          </p>
          <p>4、无智能手机或不会使用智能手机的患者，拿到医生开具的住院申请单后，请携带入院申请单及身份证前往住院部收费处人工窗口，配合工作人员通过住院楼一楼“访客机”录入人脸数据即可进入院区。</p>
          <p>5、为更好照护患者，请勿频繁更替陪护人员</p>
          <p>为了患者早日康复，请您共同遵守以上规定，感谢您的配合与支持！</p>
        </div>
      </div>
      <div class="footer">
        <van-button
          type="primary"
          style="
            padding: 10px;
            position: fixed;
            bottom: 10px;
            left: 10px;
            right: 10px;
            border-radius: 10px;
          "
          @click="next"
        >
          我已阅读并同意须知
        </van-button>
      </div>
    </div>
  </template>
  
  <script setup lang="ts">
  import Navbar from "./component/Navbar.vue";
  import { useRouter } from "vue-router";
  const router = useRouter();
  const next = () => {
    router.push("/mycertificate");
  };
  </script>
  
  <style scoped lang="scss">
  .content {
    padding: 0 20px;
    margin-top: 70px;
    .content-title {
      font-size: 18px;
      font-weight: bold;
      margin: 20px 0;
    }
    .content-text {
      font-size: 16px;
      line-height: 30px;
    }
  }
  .footer {
    padding: 0 20px;
    background-color: white;
    height: 70px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
  }
  </style>